<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="fhp" tagdir="/WEB-INF/tags"%>

<fhp:layout>
	<jsp:attribute name="css">
			
		
		#sliderFrame {
		    overflow: hidden !important;
		}
		
	</jsp:attribute>
	<jsp:attribute name="javascript">
		
		
	</jsp:attribute>
	<jsp:body>
	<link href="/js/jsImgSlider/themes/6/js-image-slider.css" rel="stylesheet"
	type="text/css" />
	<script src="/js/jsImgSlider/themes/6/mcVideoPlugin.js" type="text/javascript"></script>
	<script src="/js/jsImgSlider/themes/6/js-image-slider.js" type="text/javascript"></script>
	<div id="sliderFrame">
			<div id="slider">
				<img src="images/banner/banner1.jpg"
					alt="Welcome to Menucool Video Slider" />
					
				<a 
					href="images/banner/banner2.jpg">
					 <img
					src="images/banner/banner2.jpg" alt="Welcome to Menucool Video Slider" />
				</a>
				 <a  href="images/banner/banner3.jpg">
					<img src="images/banner/banner3.jpg" alt="Welcome to Menucool Video Slider" />
				</a> 
			</div>
		</div>

	<!-- http://themes.shopify.com/# -->
		
		<fhp:carouselForGallery galleryId="29" galleryName="1234name"/>
		
		<fhp:carouselForGallery galleryId="40" galleryName="40name"/>
		
	</jsp:body>
	
</fhp:layout>